<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body {
            background-image: url(./img/年会抽奖图片.png);
        }

        .box {
            width: 300px;
            position: absolute;
            top: 200px;
            left: 320px;
        }
    </style>
</head>
<body>
<div class="box">
    <h1>年会抽奖</h1>
    <h1>一等奖：<span id="one"></span></h1>
    <h2>二等奖：<span id="two"></span></h2>
    <h3>三等奖：<span id="three"></span></h3>
</div>
<script>
    //声明抽奖人员的名字
    var names = ['段俊杰', '郑子恒', '秦琪', '楚浩天', '归子豪'];
    //先做一等奖 ，获取随机数
    var random = Math.floor(Math.random() * names.length)
    //获取一等奖的元素
    var elementById = document.getElementById("one");
    //把随机出来的名字赋值给一等奖的元素
    elementById.innerHTML=names[random];
    //把得过奖的人的名字删掉
    names.splice(random,1);

    //二等奖三等奖略

</script>
</body>
</html>